<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/include/taglib.jsp"%>
<html>
	<head>
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta charset="UTF-8">
		<title>共富网-今日签到</title>
		<link href="/game/redpack/css/redPacket.css" type="text/css"
			rel="stylesheet" />
		<link rel="stylesheet" href="/game/redpack/css/reset.css">
		<link rel="stylesheet" type="text/css" href="/game/redpack/css/font-awesome.css" media="all">
		<link rel="apple-touch-icon" href="/game/redpack/images/hongbao.png">
		<script type="text/javascript" src="/v3/js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript"
			src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="/game/redpack/js/jquery.hbalerts.js" type="text/javascript"></script>
		<style type="text/css">
		body{ margin:0; padding:0;}
.divCurrColor { 
	background-color:#acacac; 
}
#font-awesome
	{
		background-color: #324c7f;
		color:#fff;
	}
.text {
    margin: 15px 0;
    font-size: 14px;
    word-wrap: break-word;
    color: #727272;
}
#mess_share {
	width:100%;
	text-align:center;
    margin: 15px 0;
    display: block;
}
#share_1 {
    float: left;
    width: 49%;
    display: block;
}
#share_2 {
    float: right;
    width: 49%;
    display: block;
}
.clr {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}
.button2 {
    font-size: 14px;
    padding: 8px 0;
    border: 1px solid #adadab;
    color: #000000;
    background-color: #e8e8e8;
    background-image: linear-gradient(to top, #dbdbdb, #f4f4f4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef;
    text-shadow: 0.5px 0.5px 1px #fff;
    text-align: center;
    border-radius: 3px;
    width: 100%;
}
#mess_share img {
    width: 22px!important;
    height: 22px!important;
    vertical-align: top;
    border: 0;
}
#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
}
#mcover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px!important;
    height: 180px!important;
    z-index: 20001;
}
#font-awesome
	{
		background-color: ;
		color:#fff;
	}
</style>
<script type="text/javascript">
	window.addEventListener("DOMContentLoaded", function(){
		btn = document.getElementById("font-awesome");
		if(btn==null){
			return;
		}
			btn.onclick = function(){
				var divs = document.getElementById("plug-phone").querySelectorAll("div");
				var className = className=this.checked?"on":"";
				for(i = 0;i<divs.length; i++){
					divs[i].className = className;
				}
				document.getElementById("plug-wrap").style.display = "on" == className? "block":"none";
			}
		}, false);
</script>
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<!-- JavaScript at the bottom for fast page loading -->
<script>
		window.jQuery
				|| document
						.write('<script src="/v3/js/jquery-1.10.2.min.js"><\/script>')
	</script>
<script src="/v3/js/jquery-1.10.2.min.js"></script>
<!--validation for older browsers (if) -->
<script>
		$(document).bind("mobileinit", function() {
			$.mobile.defaultPageTransition = 'none';
			//$.mobile.defaultPageTransition = 'slide';
			//$.mobile.defaultPageTransition = 'fade';
			//$.mobile.defaultPageTransition = 'flow';
			//$.mobile.defaultPageTransition = 'flip';
			//$.mobile.defaultPageTransition = 'pop';
			$.mobile.ignoreContentEnabled = true;
			//enable this if you want your website to run without jQuery Mobile Navigation
			$.mobile.ajaxEnabled = false;
		});
	</script>
<script type="text/javascript">
  	var ajaxpageno = 0;
  	function ajaxuserflowlist(pageNo){
		if(pageNo){
			ajaxpageno = pageNo;
			var month = $('#month').val();
			if(month<10)
				month = "0"+month;
			var year = $('#year').val()+"-"+month;
			var myurl = 'http://hb.m.cn:80/ajax_userflowlist.jspx?pageNo='+pageNo+'&stime='+year;
			 $.ajax({
		         url: myurl,
		         type: "POST",
		         success: function(data) {
		        	if(pageNo==1)
		        		$('#userflow').html(data);
		        	else
		        		$('#userflow').append(data);
		         }
		      });
			}
	}
  	$(function (){
  		ajaxuserflowlist(1);
  	});
  	$(window).scroll(function(){
			　　var scrollTop = $(this).scrollTop();
			　　var scrollHeight = $(document).height();
			　　var windowHeight = $(this).height();
			　　if(scrollTop + windowHeight >= scrollHeight){
			　　　　	var totalpage = $("#totalpage").val();
			　　　　	var no = $(".pageNo").last().text();
			　　		var pageno = parseInt(no)+1;
					if(ajaxpageno!=pageno){
						if(totalpage != no){
							ajaxuserflowlist(pageno);
						}
					}
			　　}
			});
  </script>
<style type="text/css">
body{ margin:0; padding:0;}
.divCurrColor { 
	background-color:#acacac; 
}
</style>
<!-- end scripts-->
	</head>

	<body>
<div class="wztkjPopUpBox" style="display:none;">
	<div class="wztkjPopUpBoxMain">
		<div class="wztkjPopUpBoxContent1">
			<img src="/game/redpack/images/popUpBoxMark_03_06.png">
		</div>
		<div class="wztkjPopUpboxBg">
			<div class="wztkjPopUpBoxContent2">
			</div>
			<div class="wztkjPopUpBoxContent3">
				<p class="wztkjPopUpboxP">
					取消
				</p>
				<p class="wztkjPopUpboxP1">
					确定
				</p>
				<div style="display:none;">
				</div>
			</div>
			<div class="wztkjPopUpBoxContent4" style="display:none;">
				确定
			</div>
		</div>
	</div>
</div>

<div class="robAfterMain">
	<div class="sendEnvelopes rechargeHistoryMain">
		<div class="sendEnvelopes-main">
			<div class="redPacketPMain rechargeHPMain">
				<div class="redPacketBorder">
					<c:choose>
						<c:when test="${not empty wechatInfoMap}">
								<img src="${wechatInfoMap.headimgurl }" />
						</c:when>
						<c:otherwise>
								<img src="/game/redpack/images/0.png" />
						</c:otherwise>
					</c:choose>
				</div>
			</div>
			<div class="sendEnvelopes-name">
				<c:if test="${not empty wechatInfoMap}">${wechatInfoMap.nickname}</c:if>
			</div>
			<div class="sendEnvelopes-tips">
				<span>签到红包：</span><b>100</b><i>元</i>
			</div>
			<div class="wxAlertCMBotton robAfterBotton robAfterBotton1 rechargeHistoryButtom">
				<div class="usesurplusnumber checkDTime">
					<select class="checkDSelect1" id="year">
						<option value="2015" selected="">2015年</option>
					</select>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<select id="month" class="checkDSelect2" onchange="ajaxuserflowlist(1)">
						<option value="1">1月</option>
						<option value="2">2月</option>
						<option value="3">3月</option>
						<option value="4">4月</option>
						<option value="5">5月</option>
						<option value="6">6月</option>
						<option value="7">7月</option>
						<option value="8" selected="">8月</option>
						<option value="9">9月</option>
						<option value="10">10月</option>
						<option value="11">11月</option>
						<option value="12">12月</option>
					</select>
				</div>
			</div>
			<div id="userflow">
			</div>
		</div>
	</div>
</div>
	</body>
</html>